// 入口函数
$(function () {

    /**** 效果1：获取用户消息，渲染到页面 ****/
    getUserInfo()

 
 

    /**** 效果2：退出登录 ****/
    $('#logout').on("click", function () {
        // 询问
        layui.layer.confirm('您确定要退出登录吗?', { icon: 3, title: '提示' }, function (index) {
            //do something
            // 1-清除token
            // 2-跳转到登录页
            localStorage.removeItem('token')
            location.href = '/login.html'

            layui.layer.close(index)
        })
    })
})
/** 把这两个函数，放到入口函数的外面（全局函数--window对象的方法）*/
function getUserInfo () {
    // 调接口
    $.ajax({
        method: 'get',
        url: '/my/userinfo',
        // 请求头中携带token
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // },
        success (res) {
            // console.log(res)
            // 判断
            if (res.status !== 0) {
                return layui.layer.msg(res.message, { icon: 5 })
            }
            // 渲染数据
            render(res.data)
        },
        // // 请求成功或失败都会调用此回调函数
        // complete: function (xhr) {
        //     // console.log(xhr)
        //     if (xhr.responseJSON.status === 1 && xhr.responseJSON.message === '身份认证失败！') {
        //         // 清空token
        //         // 跳转到登录页
        //         localStorage.removeItem('token')
        //         location.href = '/login.html'
        //     }
        // }
    })
}
   // 渲染数据逇函数
   function render (userinfo) {
    // 渲染欢迎语（如果有昵称就用nickname，否则用username）
    var name = userinfo.nickname ? userinfo.nickname : userinfo.username

    $('#welcome').html('欢迎 ' + name)

    // 渲染头像（如果有头像，则渲染图片头像，否则就渲染文字头像）
    if (userinfo.user_pic !== null) {
        // 有图片头像（图片显示，span隐藏）
        $('.layui-nav-img').prop('src', userinfo.user_pic).show()
        $('.text-avatar').hide()

    } else {
        // 没有图片头像
        // 文字头像（name的首字母，并且是大写的）
        var first = name[0].toUpperCase()
        $('.text-avatar').html(first).show()
        $('.layui-nav-img').hide()
    }
}